<div id="toolBar">
	<div style="clear:both;padding:0 5px;">
	<button class="ac ac-mini">></button>
	<button class="ac ac-max" style="display:none;"><</button>
	</div>
	<ul class="actionBtn">
    	{{ toolbar:actions: act = action }}
    </ul>
	
</div>
<script type="text/javascript">
	$w = $('#toolBar').width();
	$('.ac').click(function(){
		$(this).toggle(function(){
			$(this).siblings('.ac').toggle();
		});
		if($(this).is('.ac-mini')){
			//$('#toolBar').width(50);
			//$('#toolBar').find('ul').hide();
			$('#toolBar').animate({width:+50});
			$('#toolBar').find('ul').hide();
			
		}
		if($(this).is('.ac-max')){
			//$('#toolBar').width(150);
			$('#toolBar').animate({width:+$w});
			$('#toolBar').find('ul').show();
		}
	});
</script>
